// 页面加载完毕后执行
$(document).ready(function(){

	// 以下为header部分的滚动事件
	$(window).scroll(function(){
		if($(document).scrollTop()>700){
			$("header").addClass("scroll");
			$(".header-mask").fadeIn();
		}
		if($(document).scrollTop()<=700){
			$("header").removeClass("scroll");
			$(".header-mask").fadeOut();
		}
	});

	//以下为header部分li的active效果
	var headerLis=$("header .nav li");
	headerLis.mouseenter(function(){
		if($(document).scrollTop()>700){
			$(this).addClass("active").siblings().removeClass("active");
		}
	});
	headerLis.mouseleave(function(){
		if($(document).scrollTop()>700){
			headerLis.removeClass("active");
		}
	});

	//以下为header部分li的点击效果
	var headerBtn0=$("header .logo a");
	var headerBtn1=$("header .nav .header-btn1");
	var headerBtn2=$("header .nav .header-btn2");
	var headerBtn3=$("header .nav .header-btn3");
	var headerBtn5=$("header .nav .header-btn5");

	headerBtn0.click(function(){slowScroll(0)});
	headerBtn1.click(function(){slowScroll(701)});
	headerBtn2.click(function(){slowScroll(2000)});
	headerBtn3.click(function(){slowScroll(3300)});
	headerBtn5.click(function(){slowScroll(4500)});	

	function slowScroll(scrollX){
		$("html,body").animate({
			scrollTop:scrollX
		},800);
	}

	// 以下为banner处的图片切换动效
	var bannerImgs=$(".banner .banner-container img");
	var bannerP=$(".banner .banner-container .banner-p div");
	var imgsIndex=0;
	var imgTimer=null;
	var bannerBtns=$(".banner .banner-btn span");

	// 封装banner运动函数便于调用
	function bannerChange(bannerItem,bannerIndex){
		bannerItem.eq(bannerIndex).addClass("active").siblings().removeClass("active");
	}

	function autoplay(){
		imgTimer=setInterval(function(){
			imgsIndex++;
			imgsIndex=imgsIndex>=bannerImgs.length?0:imgsIndex;
			bannerChange(bannerP,imgsIndex);
			bannerChange(bannerImgs,imgsIndex);
			bannerChange(bannerBtns,imgsIndex);
		},6000);
	}

	// 图片自动轮播
	autoplay();

	// 按钮点击轮播
	bannerBtns.click(function(){
		clearInterval(imgTimer);
		imgTimer=null;
		var btnsIndex=$(this).index();
		bannerChange(bannerP,btnsIndex);
		bannerChange(bannerImgs,btnsIndex);
		bannerChange(bannerBtns,btnsIndex);
		imgsIndex=btnsIndex;
		autoplay();
	});

	// 以下为aboutme图片部分的鼠标特效
	var group1Imgs=$(".about-me .img-item .group1 img");
	
	// 以下为aboutme文字部分的鼠标特效
	$(".about-me .text-area p span").mouseenter(function(){
		$(".about-me .text-area .dream").css("display","block");
	});
	$(".about-me .text-area p span").mouseleave(function(){
		$(".about-me .text-area .dream").css("display","none");
	});

	//以下为视觉差背景部分的动画特效
	var tranback1=$(".trans-backs");
    $(window).scroll(function(){
    	var newTop=$("body").scrollTop()/2+600+"px";
    	tranback1.css("top",newTop);
    });
	
    //以下为resume部分的鼠标特效
    var coverItem=$(".resume .more-info .item");
    var coverInfo=$(".resume .more-info .cover-info");
    var coverText=$(".resume .more-info .cover-text");
    var coverTimer=null;
	
	coverItem.mouseenter(function(){
		var coverIndex=$(this).index();
		coverTimer=setTimeout(function(){
		    maskScale(coverIndex,true);
		    coverText.eq(coverIndex).fadeOut();
			coverInfo.eq(coverIndex).fadeIn();
		},300);
	});

	coverItem.mouseleave(function(){
		clearTimeout(coverTimer);
		var coverIndex=$(this).index();
		maskScale(coverIndex,false);
		coverInfo.eq(coverIndex).fadeOut();
		coverText.eq(coverIndex).fadeIn();
	});

	function maskScale(switchIndex,bigger){
		switch(switchIndex){
			case 0:if(bigger){
				move(".resume .more-info .cover-mask1").duration("1s").scale(3).end();
			}else{
				move(".resume .more-info .cover-mask1").duration("1s").scale(1).end();
			}
			break;
			case 1:if(bigger){
				move(".resume .more-info .cover-mask2").duration("1s").scale(3).end();
			}else{
				move(".resume .more-info .cover-mask2").duration("1s").scale(1).end();
			}
			break;
			case 2:if(bigger){
				move(".resume .more-info .cover-mask3").duration("1s").scale(3).end();
			}else{
				move(".resume .more-info .cover-mask3").duration("1s").scale(1).end();
			}
			break;
			case 3:if(bigger){
				move(".resume .more-info .cover-mask4").duration("1s").scale(3).end();
			}else{
				move(".resume .more-info .cover-mask4").duration("1s").scale(1).end();
			}
			break;
			default:break;
		};
	};

	//以下为hobby部分的鼠标特效
	var hobbyBtn=$(".hobby .hobby-btn");
	var hobbyIndex=1;
	var hobbyText=$(".hobby .hobby-text");
	var hobbyTextP=$(".hobby .hobby-text p");

	hobbyBtn.click(function(){
		hobbyIndex++;
		if(hobbyIndex>6){hobbyIndex=1}
		var hobbyX=".hobby"+hobbyIndex;
		$(hobbyX).slideDown().siblings().slideUp();
	});

	hobbyText.mouseenter(function(){
		hobbyTextP.css("color","#fff");
		hobbyText.css({
			"backgroundColor":"rgba(0,0,0,.8)",
			"borderColor":"#fff"
		});
	});
	hobbyText.mouseleave(function(){
		hobbyTextP.css("color","#ddd");
		hobbyText.css({
			"backgroundColor":"rgba(0,0,0,.5)",
			"borderColor":"#ddd"
		});
	});

	//以下为footer部分的鼠标特效
	var footerIcons=$("footer .footer-icon .fa");
	var footerScans=$("footer .scan img");
	var footerTimer=null;

	footerIcons.mouseenter(function(){
		var footerIndex=$(this).index();
		footerTimer=setTimeout(function(){
			footerScans.eq(footerIndex).fadeIn();
		},300);
	});
	footerIcons.mouseleave(function(){
		var footerIndex=$(this).index();
		clearTimeout(footerTimer);
		footerScans.eq(footerIndex).fadeOut();
	});

});	